html,body{
  height: 100%;
  width: 100%;
  font-size: 14px;
  background: #fff;
  color: #4A4A4A;
  >a{
    display: none !important;
  }
}

input, select, textarea{
  font-size: 14px !important;
}
.mui-content{
  background-color: transparent;
  min-height: 100%;
  width: 100%;
}
.mui-input{
  border: none !important;
}
.mui-card{
  margin: 15px;
  border-radius: 5px;
}

.mui-btn-block{
  padding: 8px;
}
.mui-btn-warning{
  color: #FB532C;
  border: 1px solid #FEFC77;
  background-color: #FEFC77;
}
.mui-btn-danger{
  color: #fff;
  border: 1px solid #F95A57;
  background-color: #F95A57;
}


.d-flex{
  display: flex;
  .flex{
    flex: 1;
  }
  .flex-2{
    flex:2;
  }
}

.text-center{
  text-align: center;
}

.m-t{
  margin-top: 15px;
}
.m-b{
  margin-bottom: 15px;
}
.m-l{
  margin-left: 15px;
}
.m-r{
  margin-right: 15px;
}
.m-x{
  margin-left: 15px;
  margin-right: 15px;
}
.m-y{
  margin-top: 15px;
  margin-bottom: 15px;
}
.m{
  margin: 15px;
}
.m-0{
  margin: 0;
}

.p-t{
  padding-top: 15px;
}
.p-b{
  padding-bottom: 15px;
}
.p-l{
  padding-left: 15px;
}
.p-r{
  padding-right: 15px;
}
.p-x{
  padding-left: 15px;
  padding-right: 15px;
}
.p-y{
  padding-top: 15px;
  padding-bottom: 15px;
}
.p{
  padding: 15px;
}
.p-0{
  padding: 0;
}


.bg_linear{
  background: url("../images/bg2.png")  repeat-y;
  background-size: cover;
}
.container{
  padding: 15px;
}

.img-reactive{
  width: 100%;
  height: auto;
  margin-bottom: -5px;
}
.input-group_right{

  label~input{
    text-align: right;
  }
  .mui-input-row::after{
    left: 0;
  }
}

.bg-gray{
  background: #efeff4;
}


.flex-table{
  display: flex;
  align-items: center;
  padding: 5px 10px;
  .flex{
    margin-left: 10px;
  }


  img{
    width: 50px;
    height: 50px;
  }

  .strat-row{
    padding:0 0 5px;
    display: flex;
  }
  .start{
    display: block;
    width: 10px;
    height: 10px;
    background: url("../images/startd.png") no-repeat;
    background-size: cover;
    &.active{
      background: url("../images/strat.png") no-repeat;
      background-size: cover;
    }
  }

  .tag{
    font-size: 10px;
    border-radius: 30px;
    padding: 1px 5px;
  }
  .tag + .tag{
    margin-left: 3px;
  }
  .tag-orange{
    background: #FFE3C8;
    border: solid 1px #FD9125;
    color: #FD9125;
  }
  .tag-red{
    background: #FEDAD9;
    border: solid 1px #FF4A44;
    color: #FF4A44;
  }
  .tag-gray{
    background: #EEEEEE;
    border: solid 1px #CCCCCC;
    color: #CCCCCC;
  }
}


.copyright{
  color: #fff;
  text-align: center;
  padding: 10px;
}
.relative-content{
  position: relative;
  padding-top: 50px;
}
.bar-content{
  position: fixed;
  width: 100%;
  z-index: 9;
  top: 0;
}
.top-bar{
  display: flex;
  align-items: center;
  padding:10px;
  color: #fff;
  .flex{
    flex: 1;
  }
  .mui-icon{
    color: #fff;;
  }

}

.bg-linear{
  background: linear-gradient(to right,#FD7525,#F02E3F);
  color: #fff;
}
